<div class="billing-warper">
  <div class="billing-header">
    <button class="header button-angle-left" (click)="goBack()">
      <p class="angle-left" aria-hidden="true"></p>
    </button>
    <div class="header billing-header-title">

    </div>
    <h1 *ngIf="billingType" style="    line-height: 70px;"> {{ billingType.name }}详情</h1>
  </div>
  <div class="billing-body">
    <app-billing-detail-body [title]="(data?.status || data?.tradeOrder?.status) | getListKeyType">
      <div class="billing-body-c">
        <div class="billing-body-account" nz-row>
          <div nz-col nzSpan="6">
            <div>
              <label class="account-title">金额</label>
              <div class="account">
                {{ (data?.amount || data?.tradeOrder?.orderAmount) | number : '1.2-5' }}
              </div>
            </div>
          </div>
          <div nz-col nzSpan="6" *ngIf='data?.status == "PENDING"'>
            <button *ngIf="data && showCancelButton()" class="cancel" nz-popconfirm nzTitle="确定取消?"
              (nzOnConfirm)="cancel()">取消</button>
            <!-- <button   class="cancel" nz-popconfirm nzTitle="确定取消?"
              (nzOnConfirm)="cancel()">取消</button> -->
          </div>
        </div>
        <nz-divider style="margin-top:20px;margin-bottom:10px;"></nz-divider>
        <app-wenyao-read-form [wenyaoReadForms]="wenyaoReadForms"></app-wenyao-read-form>
      </div>

    </app-billing-detail-body>
  </div>

</div>